/* 搜索 */
var helangSearch = {
    /* 元素集 */
    els: {},
    /* 搜索类型序号 */
    searchIndex: 0,
    /* 搜索列表 */
    hot: {
        /* 颜色 */
        color: ['#ff2c00', '#ff5a00', '#ff8105', '#fd9a15', '#dfad1c', '#6bc211', '#3cc71e', '#3cbe85', '#51b2ef', '#53b0ff'],
        /* 列表 */
        list: [
            '网页特效',
            'jQuery特效',
            'web前端代码',
            '图片轮播',
            '图片切换',
            '响应式布局',
            '表单美化',
            '评论',
            'QQ表情'
        ]
    },
    /* 初始化 */
    init: function () {
        var _this = this;
        this.els = {
            pickerBtn: $(".picker"),
            pickerList: $(".picker-list"),
            // logo:$(".logo"),
            hotList: $(".hot-list"),
            input: $("#search-input"),
            button: $(".search")
        };

        /* 设置热门搜索列表 */
        this.els.hotList.html(function () {
            var str = '';
            $.each(_this.hot.list, function (index, item) {
                str += '<a href="https://www.baidu.com/s?ie=utf8&oe=utf8&tn=98010089_dg&ch=11&wd=' + item + '" target="_blank">' +
                    '<div class="number" style="color: ' + _this.hot.color[index] + '">' + (index + 1) + '</div>' +
                    '<div  style="color: ' + _this.hot.color[index] + '">' + item + '</div>' +
                    '</a>';
            });
            return str;
        });

        /* 注册事件 */
        /* 搜索类别选择按钮 */
        this.els.pickerBtn.click(function () {
            if (_this.els.pickerList.is(':hidden')) {
                setTimeout(function () {
                    _this.els.pickerList.show();
                    _this.els.hotList.hide();
                }, 100);
            }
        });
        /* 搜索类别选择列表 */
        this.els.pickerList.on("click", ">li", function () {
            // _this.els.logo.css("background-image",('url(img/'+$(this).data("logo")+')'));
            _this.els.pickerBtn.text($(this).text());
            _this.searchIndex = $(this).index();
            _this.els.pickerList.hide();
        });
        /* 搜索 输入框 点击*/
        this.els.input.click(function () {
            // if(!$(this).val()){
            setTimeout(function () {
                _this.els.hotList.show();
            }, 100);
            //}
        });
        /* 搜索 输入框 输入*/
        this.els.input.on("input", function () {
            if ($(this).val()) {
                // _this.els.hotList.hide();
                // console.log($(this).val())
                _this.els.hotList.show();
            }
        });
        /* 搜索按钮 */
        this.els.button.click(function () {
            // var searchArr=['百度','搜狗','必应','谷歌'];
            console.log(_this.searchIndex + "搜索：" + _this.els.input.val())
            setTimeout(function () {
                _this.els.hotList.show();
            }, 100);

        });
        /* 文档-全局点击事件 */
        $(document).click(function () {
            _this.els.pickerList.hide();
            _this.els.hotList.hide();

        });
        /* 搜索按钮 */
    }
};